/*
 * Plugin: FancyTree
 * ----------------------
 */
.fancytree-default {
  > .ui-fancytree {
    background-color: @bg-default;
  }
  > ul.fancytree-container {
    border: 1px solid @fancytree-border-color;
  }

  .fancytree-node {
    color: @fancytree-node-color;
  }

  .fancytree-plain span.fancytree-node.fancytree-selected {
    background-color: @bg-default !important;
    border: none;
  }

  .icon-caret-right,
  .icon-angle-right,
  .icon-folder-close-alt,
  .icon-caret-down {
    margin-top: 6px;
  }
}

.fancytree-form {
  &.ui-fancytree-disabled {
    > ul.fancytree-container {
      opacity: 0.5;
      color: @form-text-color-readonly !important;
      background-color: @form-text-bg-readonly !important;//#dcdcdc;
      li span.fancytree-selected{
        border: none;
        background-color: @form-text-bg-readonly !important;//#dcdcdc + ??? = #e6e6e6
      }
    }
  }

  > .ui-fancytree {
    .form-control-color();
  }

  > ul.fancytree-container {
    border: 1px solid @border-color;
    &:focus {
      border-color: @form-border-color-focus;
    }
  }

  .fancytree-node {
    color: @fancytree-node-color;
  }

  .fancytree-plain span.fancytree-node.fancytree-selected {
    background-color: @form-text-bg !important;
    border: none;
  }
}